<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="../../js/vue.js"></script>
</head>
<body>
  <div id="root">
    <!--为false时隐藏-->
    <h2 v-show="flag">{{name}}</h2>
    <!--为false时直接没有-->
    <h2 v-if="flag">{{name}}</h2>

    <!--template最终不会有真正的标签,只能配合v-if-->
    <template v-if="flag">
      <h2>{{name}}</h2>
    </template>
  </div>

  <script type="text/javascript">
    var vm = new Vue({
      el:'#root',
      data:{
        name:'hello',
        flag:false
      }
    });
  </script>
</body>
</html>
